var gulp = require('gulp'),
    minifycss = require('gulp-minify-css'), //css压缩
    concat = require('gulp-concat'), //合并文件
    uglify = require('gulp-uglify'), //js压缩
    rename = require('gulp-rename'), //文件重命名
    notify = require('gulp-notify'), //提示
    gulpSequence = require('gulp-sequence').use(gulp);

gulp.task('default', () => {
    gulpSequence('minifycss', 'minifyjs')
});
//css处理
gulp.task('minifycss', function () {
    return gulp.src('css/*.css') //设置css
        .pipe(concat('main.css')) //合并css文件到"order_query"
        .pipe(gulp.dest('dist/styles')) //设置输出路径
        .pipe(rename({
            suffix: '.min'
        })) //修改文件名
        .pipe(minifycss()) //压缩文件
        .pipe(gulp.dest('dist/styles')) //输出文件目录
        .pipe(notify({
            message: 'css task ok'
        })); //提示成功
});

//JS处理
gulp.task('minifyjs', function () {
    return gulp.src('js/*.js') //选择合并的JS
        .pipe(concat('main.js')) //合并js
        .pipe(gulp.dest('dist/js')) //输出
        .pipe(rename({
            suffix: '.min'
        })) //重命名
        .pipe(uglify()) //压缩
        .pipe(gulp.dest('dist/js')) //输出 
        .pipe(notify({
            message: "js task ok"
        })); //提示
});

// css自动化
gulp.watch('css/*.css', function () {
    gulpSequence('minifycss')(function (err) {
        if (err) console.log(err)
    })
});

// js自动化
gulp.watch('js/*.js', function () {
    gulpSequence('minifyjs')(function (err) {
        if (err) console.log(err)
    })
});